<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>{{ $title }}</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        
        <link rel="stylesheet" href="/css/layout.css">
        <script src="/js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        
       <div class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <a href="/" class="navbar-brand">laravel</a>
            </div>
        </div>
        
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="panel panel-default">
                        <div class="panel-heading">Administration</div>
                        <div class="panel-body">
                            <ul id="menu-admin" class="nav nav-pills nav-stacked">
                                <li class="dropdown"><a href="/admin/users" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Utilisateurs <span class="caret"></span></a>
                                    <ul id="menu-users" class="dropdown-menu">
                                        <li class="li-users"><a href="/admin/users" class="a-users">Liste</a></li>
                                        <li class="li-users"><a href="/admin/users/create" class="a-users">Ajouter</a></li>
                                    </ul></li>
                                <li class="li-admin"><a href="{{ url('logout') }}" class="a-admin">Déconnexion</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <ul class="breadcrumb">
                        <li class="active">Accueil</li>
                    </ul>

                    <div class="page-header">
                        <h1>{{ $title }}</h1>
                    </div>
                    
                    @if($errors->has())
                    <div class="alert alert-danger alert-dismissable">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        <h4>Erreurs</h4>
                        <ul>
                       @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                        </ul>
                    </div>
                    @endif
                    
                    @if(Session::has('status'))
                        <div class="alert alert-success">{{ Session::get('status') }}</div>
                    @endif
                    
                    @yield('content')
                </div>
            </div>
        </div> <!-- /container -->
        
        <div id="footer" class="navbar navbar-default navbar-fixed-bottom">
            <div id="copyright">copyright 2014 laurent@mindescape.eu</div>
        </div>
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
        <script src="/js/plugins.js"></script>
        <script src="/js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
           /* (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');*/
        </script>
    </body>
</html>